<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" >
<div th:replace="public/header::header"></div>
<div class="span-24">
    <div class="span-16">
        <div id="updateform" class="box">
            <form th:action="@{/create}" method="post">
                <span shiro:principal/>, what's on your mind?
                <textarea name="content" id="" cols="80" rows="100"></textarea>
                <br>
                <input type="submit" value="Update">
            </form>
        </div>
        <div th:replace="public/posts::posts (posts=${posts}) "></div>
    </div>

    <div class="span-7 last">
        <div class="box">
          <h4 th:text="'Followers:'+${followers.size()}">Followers: {{ followers_num }}</h4>
          <div th:replace="public/userlist::userlist (users=${followers})"></div>
        </div>

        <div class="box">
             <h4 th:text="'Following:'+${followings.size()}">Following: {{ following_num }}</h4>
                <div th:replace="public/userlist::userlist (users=${followings})"></div>
        </div>
    </div>
</div>
<div th:replace="public/footer::footer"></div>
</html>
